new Vue({
    el: '#app',
    data: {
        userAvatarUrl: '', // 用户头像URL
        username: '', // 用户名
        coupons: [] // 优惠券列表
    },
    methods: {
        // 获取优惠券列表
        fetchCoupons() {
            $.ajax({
                url: 'http://localhost:8080/user/findCouponByUserId', // 假设你的后端接口
                type: 'GET',
                dataType: 'json',
                headers: { 'token': `${localStorage.getItem('token') || ''}` }, // 添加token
                data: {
                    userId: localStorage.getItem('userId')
                },
                success: (res) => {
                    if (res.code === 200 && res.data) {
                        this.coupons = res.data.map(coupon => ({
                            ...coupon,
                            expiryDate: coupon.expiryDate || '无限制'
                        }));
                    } else {
                        this.coupons = [];
                        console.log('获取优惠券失败:', res.message || '未知错误');
                    }
                },
                error: (xhr, status, error) => {
                    this.coupons = [];
                    console.error(status, error);
                }
            });
        },
        // 根据状态返回CSS类
        getStatusClass(status) {
            switch (status) {
                case 0: return 'status-available'; // 未使用
                case 1: return 'status-used';      // 已使用
                case 2: return 'status-expired';   // 已过期
                default: return '';
            }
        },
        // 根据状态返回文本
        getStatusText(status) {
            switch (status) {
                case 0: return '未使用';
                case 1: return '已使用';
                case 2: return '已过期';
                default: return '未知状态';
            }
        }
    },
    created() {
        // 在页面加载时获取优惠券列表
        this.fetchCoupons();
    }
}); 